/* 初始化 */

* {
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
}


/* 原子类 */

.left {
    float: left;
}

.right {
    float: right;
}

.clearfloat::after,
.clearfloat::before {
    content: '';
    display: block;
    clear: both;
}


/* 头部区域 */


/* banner图区域 */

.banner {
    width: 100%;
    height: 760px;
    margin: auto;
    position: relative;
    /* border: 1px solid red; */
}

.banner .banner_img {
    width: 1920px;
    height: 760px;
    /* border: 1px solid blue; */
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    overflow: hidden;
}

.banner .banner_img img:nth-child(1) {
    width: 1920px;
    height: 760px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    animation: swiper 6s linear infinite;
}

.banner .banner_img img:nth-child(2) {
    width: 1920px;
    height: 760px;
    /* position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; */
    /* margin: auto; */
}

@keyframes swiper {
    0%,
    50% {
        transform: translateX(0);
    }
    51%,
    100% {
        transform: translateX(-1920px);
    }
}


/* 头部导航区域 */

.banner .header {
    width: 100%;
    height: 80px;
    /* border: 1px solid red; */
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
}


/* logo图 */

.banner .header .header_logo {
    width: 200px;
    height: 82px;
    /* border: 1px solid red; */
    text-align: center;
}

.banner .header .header_logo img {
    width: 80px;
    height: 51px;
    margin-top: 10px;
}


/* 导航栏区域 */

.banner .header .header_nav {
    width: 1018px;
    height: 82px;
    /* border: 1px solid red; */
}

.banner .header .header_nav ul {
    width: 500px;
    height: 82px;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.banner .header .header_nav ul li:nth-child(1) {
    border-bottom: 1px solid #519F10;
}

.banner .header .header_nav ul li a {
    font-size: 16px;
    color: #878787;
}

.banner .header .header_nav ul li:nth-child(1) a {
    font-size: 16px;
    color: #519F10;
}


/* 用户图标区域 */

.banner .header .header_icon {
    width: 224px;
    height: 82px;
    /* border: 1px solid red; */
    text-align: center;
    line-height: 82px;
}

.banner .header .header_icon .icon-sousuo {
    font-size: 20px;
    color: #8D9095;
}

.banner .header .header_icon .icon-yonghu {
    font-size: 25px;
    color: #8D9095;
}

.banner .header .header_icon .icon-gouwuche {
    font-size: 20px;
    color: #8D9095;
}


/* 内容区域 */

.article {
    width: 100%;
    height: 1200px;
    /* border: 1px solid red; */
}

.article .article_content {
    width: 1255px;
    height: 1200px;
    margin: auto;
    /* border: 1px solid red; */
}

.article .article_content .article_title {
    width: 1255px;
    height: 55px;
    margin-top: 30px;
    /* border: 1px solid red; */
    text-align: center;
}

.article .article_content .article_title p {
    font-size: 24px;
    color: #232323;
}

.article .article_content .article_title span {
    font-size: 12px;
    color: #999999;
}


/* 图片区域 */

.article .article_content .article_img {
    width: 1255px;
    height: 972px;
    margin-top: 20px;
    /* border: 1px solid blue; */
    display: flex;
    flex-wrap: wrap;
}

.article .article_content .article_img .art_img {
    transform: translateY(400px);
    opacity: 0;
}

@keyframes scorll {
    0% {
        transform: translateY(400px);
    }
    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

.article .article_content .article_img .art_img {
    width: 416px;
    height: 486px;
    /* border: 1px solid red; */
    text-align: center;
    /* padding: 15px; */
}

.article .article_content .article_img .art_img .art_img_img {
    width: 352px;
    height: 352px;
    /* border: 1px solid green; */
    margin: auto;
    overflow: hidden;
}

.article .article_content .article_img .art_img img {
    width: 352px;
    height: 352px;
    /* border: 1px solid green; */
    padding-bottom: 20px;
    transition: all 1s;
}

.article .article_content .article_img .art_img .art_img_teaname {
    width: 352px;
    color: #555555;
    /* border: 1px solid green; */
    border-bottom: 1px solid #ededed;
    margin: auto;
    padding: 15px 0;
}

.article .article_content .article_img .art_img .art_img_teaname {
    font-size: 16px;
    color: #555555;
}

.article .article_content .article_img .art_img p:nth-child(3) {
    width: 352px;
    font-size: 16px;
    color: #555555;
    margin: auto;
    padding-top: 15px;
    /* border: 1px solid red; */
    /* border-top: 1px solid #90AF6B; */
    position: relative;
}


/* 箭头跳转 */

.article .article_content .ar、.ticle_icon {
    width: 1255px;
    height: 54px;
    /* border: 1px solid red; */
    margin-top: 30px;
}

.article .article_content .article_icon p {
    width: 84px;
    height: 45px;
    text-align: center;
    background-color: #90AF6B;
    line-height: 45px;
    margin-left: 600px;
}

.article .article_content .article_icon .icon-arrow-right-full {
    font-size: 30px;
    color: #FFF;
}


/* 鼠标悬停 */

.article .article_content .article_img .art_img:hover img {
    transform: scale(1.2);
}

.article .article_content .article_img .art_img:hover .art_img_teaname {
    color: #90AF6B;
}

.article .article_content .article_img .art_img p:nth-child(3)::after {
    content: '';
    width: 0%;
    height: 1px;
    background-color: #90AF6B;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 1s;
}

.article .article_content .article_img .art_img:hover p:nth-child(3)::after {
    content: '';
    width: 100%;
    right: 0;
}


/* .article .article_content .article_img .art_img:hover p a {
    color: #90AF6B;
} */


/* 背景 */

.background {
    width: 100%;
    height: 590px;
    background-image: url("../img/shouye-bgcimg.webp");
    /* 背景附着 */
    background-attachment: fixed;
    position: relative;
}

.background .background_div {
    width: 1190px;
    height: 522px;
    /* border: 1px solid red; */
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.background .background_div .background_div_title {
    height: 70px;
    /* border: 1px solid red; */
    margin-top: 120px;
    text-align: center;
}

.background .background_div .background_div_title p {
    font-size: 26px;
    color: #FFFFFF;
}

.background .background_div .background_div_title span {
    font-size: 13px;
    color: #FFFFFF;
}

.background .background_div .background_div_img {
    height: 290px;
    border: 1px solid green;
    display: flex;
    align-items: center;
    justify-content: space-around;
    background-color: #fff;
}

.background .background_div .background_div_img .img {
    width: 522px;
    height: 270px;
    text-align: center;
}

.background .background_div .background_div_img .background_content {
    width: 649px;
    height: 274px;
    /* border: 1px solid red; */
    /* text-align: center; */
}

.background .background_div .background_div_img .background_content p {
    width: 546px;
    height: 106px;
    margin-top: 50px;
    margin-left: 40px;
    /* border: 1px solid red; */
    font-size: 14px;
    color: #808080;
    line-height: 25px;
}

.background .background_div .background_div_img .background_content div {
    margin-left: 40px;
    margin-top: 20px;
    width: 100px;
    height: 40px;
    background-color: #91ba74;
    text-align: center;
    line-height: 40px;
}

.background .background_div .background_div_img .background_content div a {
    font-size: 14px;
    color: #FFFFFF;
}


/* foot logo */

.section {
    width: 100%;
    height: 170px;
    /* border: 1px solid red; */
    line-height: 100px;
}

.section .sec_content {
    width: 1190px;
    height: 70px;
    /* border: 1px solid red; */
    margin: auto;
    padding: 40px 0 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-evenly;
}

.section .sec_content .sec_logoimg {
    width: 150px;
    height: 60px;
    /* border: 1px solid red; */
    text-align: center;
    line-height: 60px;
}


/* foot 页脚 */

.foot {
    width: 100%;
    height: 279px;
    /* border: 1px solid red; */
}

.foot .foot_art {
    width: 100%;
    height: 233px;
    /* border: 1px solid green; */
    background-color: #f3f3f3;
}

.foot .foot_art .foot_content {
    width: 1190px;
    height: 193px;
    margin: auto;
    /* margin-top: 40px;
    margin-left: 170px; */
    /* border: 1px solid blue; */
    display: flex;
    justify-content: flex-start;
}

.foot .foot_art .foot_content .foot_contact {
    width: 258px;
    height: 150px;
    margin-top: 40px;
    /* border: 1px solid blue; */
}

.foot .foot_art .foot_content .foot_contact p:nth-child(1) {
    font-size: 26px;
    color: #666666;
    padding: 0 0 5px;
}

.foot .foot_art .foot_content .foot_contact p:nth-child(2) {
    font-size: 13px;
    color: #969696;
}

.foot .foot_art .foot_content .foot_our {
    width: 247px;
    height: 150px;
    margin-top: 40px;
    /* border: 1px solid blue; */
}

.foot .foot_art .foot_content .foot_our p {
    font-size: 16px;
    color: #5D5D5D;
    margin-bottom: 10px;
}

.foot .foot_art .foot_content .foot_our span {
    font-size: 26px;
}

.foot .foot_art .foot_content .foot_article {
    width: 406px;
    height: 150px;
    margin-top: 40px;
    /* border: 1px solid blue; */
}

.foot .foot_art .foot_content .foot_article p:nth-child(1) {
    font-size: 16px;
    color: #5D5D5D;
    padding: 0 0 12px;
}

.foot .foot_art .foot_content .foot_article p:nth-child(2) {
    font-size: 14px;
    color: #969696;
}

.foot .foot_art .foot_content .foot_article p:nth-child(3) {
    font-size: 14px;
    color: #969696;
}

.foot .foot_art .foot_content .foot_article p:nth-child(4) {
    font-size: 14px;
    color: #969696;
}

.foot .foot_art .foot_content .foot_erweima {
    width: 128px;
    height: 150px;
    margin-top: 40px;
    /* border: 1px solid blue; */
    text-align: center;
}

.foot .foot_art .foot_content .foot_erweima img {
    width: 100px;
    height: 100px;
    margin-bottom: 10px;
}

.foot .foot_art .foot_content .foot_erweima p {
    font-size: 14px;
    color: #000000;
}

.foot .foot_bottom {
    width: 1190px;
    height: 26px;
    /* border: 1px solid red; */
    /* margin-left: 170px;
    margin-top: 7px; */
    margin: auto;
    line-height: 26px;
}

.foot .foot_bottom {
    font-size: 12px;
    color: #808080;
}